<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    导入JQUery-->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/css_whir.css">
    <script type="javascript" src="js/jquery-1.9.1.min.js"></script>
<!--    &lt;!&ndash;    引入外部html&ndash;&gt;-->
<!--    <link rel="import" href="newsdetail.html.html" id="page2"/>-->

    <script type="text/javascript">
        var navID = "4";
        var menuID = "41";
    </script>


</head>
<body>
<!--top-->
<header class="Top">
    <div class="Topbox">
        <div class="logo"><a href="index"></a></div>
        <!-- <a href="#" target="_blank" class="search"></a>-->
        <nav class="MainNav">
            <ul>
                <li><a id="nav1" class="navA" href="index">首页</a></li>
                <li><a id="nav2" class="navA" href="about">关于安时利</a></li>
                <li><a id="nav3" class="navA" href="product">产品中心</a></li>
                <li><a id="nav4" class="navA" href="jumpnews">新闻中心</a></li>
                <li><a id="nav5" class="navA" href="jumpServiceSupport">服务支持</a></li>
                <li><a id="nav6" class="navA" href="toQueryPatner">合作伙伴</a></li>
                <li><a id="nav7" class="navA" href="recruitment">人才招聘</a></li>
                <li><a id="nav8" th:if="${session.user==null}" class="navA" href="jump">登录</a>
                    <a th:if="${session.user!=null}"
                       id="nav8" class="navA" href="logout">退出</a></li>
                <!--                <li><a id="nav9" class="navA" href="jumpRegister">注册</a></li>-->
            </ul>
        </nav>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</header>


<script type="text/javascript">
    //导航选中
    $("#nav" + navID).addClass("onnav");
    $( function(){
        $(".MainNav").find("li:last").css("background","");
    })
</script>
<!--top End-->

<aside class="Banner" style=" background:url(/images/x.jpg) no-repeat top center;"></aside>

<section class="Contain" >
    <div class="ContainBox">
        <aside class="SildeBar">
            <nav class="MenuList">
                <div class="menu_title">
                    <span class="col">News Center</span>
                    <em class="ali">新闻中心</em>
                    <div class="location"><a href="#">首页</a> &gt;<a href="jumpnews">新闻中心</a> &gt;</div>
                </div>
                <div class="Menu">
                    <ul>
                        <!--<li><a id="menu41" th:href="@{queryNews(n_category=${news.n_category})}">公司新闻</a></li>-->
                        <li><a id="menu41" th:href="@{queryNews(n_category=0)}">公司新闻</a></li>
                        <li><a id="menu42" th:href="@{queryNews(n_category=1)}">行业新闻</a></li>
                        <li><a id="menu43" th:href="@{queryNews(n_category=2)}">学术资讯</a></li>
                    </ul>

                </div>
            </nav>

        </aside>

        <!--动态获取-->
        <section class="MainContent" >
            <div class="Current">
                <div class="column">
                    <span th:if="${catid==0}" th:text="公司新闻"></span>
                    <span th:if="${catid==1}" th:text="行业新闻"></span>
                    <span th:if="${catid==2}" th:text="学术资讯"></span>
                </div>
            </div>
            <!-- 公司新闻下 -->
<!--            <div class="Content" th:each="news,Stat:${listinfo}">-->
            <div class="Content" >

                <div class="news_list">
                    <ul th:each="news,Stat:${listinfo.list}">
                        <div th:if="${Stat.index==0}" class="top_new">
                            <div th:if="${Stat.index==0}" class="imgbox">
                                <a th:href="@{queryNewsDetail(n_id=${news.n_id})}">
                                    <img alt=""  th:src="${news.n_image}" style=" width: 200px; height: 132px;"/>
                                </a>
                            </div>
<!--                            <a th:href="@{queryNewsDetail(n_id=${news.n_id})}">-->
                                 <div class="right">

                                    <div th:if="${Stat.index==0}" class="newstltle">
                                        <a th:href="@{queryNewsDetail(n_id=${news.n_id})}"><span th:if="${Stat.index==0}" th:text="${news.n_name}"></span></a>
                                    </div>
                                    <P>
                                        <a th:href="@{queryNewsDetail(n_id=${news.n_id})}">
                                        <span th:if="${Stat.index==0}" th:text="${news.n_newp}" ></span>
                                        </a>
                                    </P>
                                    <div> <span th:if="${Stat.index==0}"><a th:href="@{queryNewsDetail(n_id=${news.n_id})}" class="more">更多详细内容&gt;&gt</a></span> </div>

                            </div>
<!--                            </a>-->
                        </div>

<!--                        <a th:href="@{queryNewsDetail(n_id=${news.n_id})}"></a>-->
                        <li><span th:text="${news.n_createTime}"></span><a th:href="@{queryNewsDetail(n_id=${news.n_id})}"><span th:text="${news.n_name}" style="margin-left: 20px; float: left;"></span></a></li>
                    </ul>
                </div>

                <div class="clear"></div>
                <div class="Pages">
                    <span class="p_count">共有<b th:text="${listinfo.pages}"></b>页 /当前:第<b th:text="${listinfo.pageNum}"></b>页</span>
                    <!--<span class="p_total"> 共有<b>3</b>条记录</span>-->
                    <span class="p_page">
                           <a th:href="@{queryNews(pageNum = 1)}" class="a_first">首页</a>
                           <a th:if="${listinfo.pageNum > 1}" th:href="@{queryNews(n_category=${catid},pageNum = ${listinfo.pageNum-1})}" class="a_prev">上一页</a>
                           <a th:if="${listinfo.pageNum == 1}" th:href="@{queryNews(n_category=${catid})}" class="a_prev">上一页</a>
                           <a th:if="${listinfo.pageNum} != ${listinfo.pages}"th:href="@{queryNews(n_category=${catid},pageNum = ${listinfo.pageNum+1})}" class='a_next'>下一页</a>
                           <a th:if="${listinfo.pageNum} == ${listinfo.pages}"th:href="@{queryNews(n_category=${catid},pageNum = ${listinfo.pages})}" class='a_next'>下一页</a>
                           <a th:href="@{queryNews(n_category=${catid},pageNum = ${listinfo.pages})}" class='a_end'>末页</a>
                    </span>
                    <script language="javascript">
                        $(document).ready(function () {
                            $(".a_first").css("color", "#939393");
                        });
                    </script>
                </div>
            </div>
        </section>
        <!--动态获取结束-->

        <div class="clear"></div>
    </div>
</section>





<!--bottom-->
<footer class="Bottomer">
    <div class="Bottom">
        <div class="Bottomnav">
            <ul>
                <li><em></em><a class="bt">关于安时利</a>
                    <dl>
                        <dt><a th:href="@{about}">公司概况</a></dt>
                        <dt><a th:href="@{social_responsibility}">社会责任</a></dt>
                        <dt><a th:href="@{sustained_development}">持续发展</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">产品中心</a>
                    <dl>
                        <dt><a th:href="@{product(pc_id=1)}">医学影像产品</a></dt>
                        <dt><a th:href="@{product(pc_id=2)}">心血管产品</a></dt>
                        <dt><a th:href="@{product(pc_id=3)}">超声产品</a></dt>
                        <dt><a th:href="@{product(pc_id=4)}">血管成像仪</a></dt>
                        <dt><a th:href="@{product(pc_id=5)}">疤痕修复产品</a></dt>
                        <dt><a th:href="@{product(pc_id=6)}">负压创伤治疗系统</a></dt>
                        <dt><a th:href="@{product(pc_id=7)}">安格电子直乙结肠镜</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">新闻中心</a>
                    <dl>
                        <dt><a th:href="@{queryNews(n_category=0)}">公司新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=1)}">行业新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=2)}">学术资讯</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">服务支持</a>
                    <dl>
                        <dt><a th:href="@{jumpServiceSupport}">ANGC服务</a></dt>
                        <dt><a th:href="@{jumpServiceAddress}">服务网点</a></dt>
                        <dt><a th:href="@{jumpRepair}">网上保修</a></dt>
                        <dt><a th:href="@{jumptoDataRequest}">资料索取</a></dt>
                        <dt><a th:href="@{jumptoComplainSuggest}">投诉建议</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">合作伙伴</a>
                    <dl>
                        <dt><a th:href="@{toQueryPatner}">合作伙伴</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">人才招聘</a>
                    <dl>
                        <dt><a th:href="@{recruitment}">招聘职位</a></dt>
                        <dt><a th:href="@{development}">培养与发展</a></dt>
                        <dt><a th:href="@{salary}">薪酬与福利</a></dt>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="connect">
            <span class="kf">全国客服热线</span>
            <em class="tel">400-000-0004</em>
            <div class="SreachBox">
                <form method="post" action="fuzzy">
                    <input name="n_name" type="text" value="搜索内容" onblur="if(this.value=='')this.value='搜索内容';" onfocus="if(this.value=='搜索内容')this.value='';" />
                    <button class="sreach_btn"><span class="Texthide"></span></button>
                </form>
            </div>
        </div>
    </div>
</footer>
<footer class="BottomRight">
    <div class="Copyright">Copyright © 2015  粤ICP备88888888</div>
</footer>

<script type="text/javascript">
    //整站无图处理
    jQuery.each(jQuery("img"), function (i, n) { jQuery(n).error(function () { n.src = 'uploadfiles/nopic.jpg'; }); n.src = n.src; });
</script>

<script type="text/javascript">
    function GoSearchUrl() {
        var searchinput = document.getElementById("key");
        if (searchinput.value == "" || searchinput.value == "搜索内容") {
            alert("请输入关键字！");
            searchinput.focus();
            return false;
        }
        if (searchinput.value.length > 50) {
            alert("输入的关键字字数不要过多！");
            searchinput.focus();
            return false;
        }
        CheckString(searchinput.value);
    }

    function GoSreach(rs) {
        window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
        return true;
    }

    function entersearch() {
        //alert(dd);
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13) {
            GoSearchUrl();
        }
    }

    function CheckString(s) {
        var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】‘；：”“'。，、？]")
        var rs = "";
        for (var i = 0; i < s.length; i++) {
            rs = rs + s.substr(i, 1).replace(pattern, '');
        }
        if (rs == "") {
            alert("不能输入特殊字符！");
            return false;
        }
        else {
            GoSreach(rs);
        }
    }
</script><!--bottom End-->
</body>
</html>